<template>
  <div class="icp">{{ `© ${year} ${author} ` }}<a href="http://beian.miit.gov.cn/" target="_blank">{{
      record
    }}</a>
  </div>
</template>

<script>
export default {
  name: "CopyrightIcp",
  data() {
    return {
      year: [],
      author: [],
      record: []
    }
  },
  created() {
    this.year = new Date().getFullYear();        // 一般都是最新的一年
    this.author = 'Venus';					// 作者名
    this.record = '鲁ICP备2023013454号';			// 备案号
  }
}
</script>

<style>
.icp {
  position: absolute;
  bottom: 0px;
  padding: 10px 0;
  width: 100%;
  text-align: center;
  color: gray;
}

.icp > a {
  color: gray;
  text-decoration: none;
}

.icp > a:hover {
  color: aqua;
  text-decoration: none;
}
</style>

